<template>
    <div id="AccountSecurity">
        <Cell is-link v-for="(item, index) in securityList" class="cell-box cell-box2" :key="index">
            <router-link :to="item.path" class="menu-items">
                <div>{{ item.name }}</div>
            </router-link>
        </Cell>
    </div>
</template>

<script>
import { Cell } from "vant";
    export default {
        name: "AccountSecurity",
        data() {
            return {
                securityList: [
                    {
                        name: "密码修改",
                        path: "/setpassword"
                    },
                    {
                        name: "手机号绑定/修改",
                        path: "/setPwdSpeed_1?msg=editPhone"
                    }
                ]
            }
        },
        components: { Cell }
    }
</script>

<style lang="stylus" scoped>
#AccountSecurity
    .cell-box
        display flex
        justify-content space-between
        align-items center
        .menu-items
            display flex
            justify-content flex-start
            align-items center
            color #333
</style>